<template>
	<!-- 启动页 -->
	<view>
		<view class="modal" v-if="agrreFlase">
			<view class="warnPopup">
				<view class="content">
					<view class="content_tit">个人信息保护指引</view>
					<view class="content_txt">
						<view>1. 您可以查看完整版的<text @click="navTo(1)">《用户协议》</text>和
							<text
								@click="navTo(2)">《隐私政策》</text>以便了解我们收集、使用、共享、存储信息的情况以及对信息的保护措施。
						</view>
						<view>2. 设备信息</view>
						<view>我们会收集设备标识和品牌型号信息用于问题修复和定位。</view>
						<view>3. 网络访问权限</view>
						<view>拥有网络访问权限，允许该应用创建网络套接字和使用自定义网络协议，浏览器和其他某些应用提供了向互联网发送数据的途径，因此应用无需该权限即可向互联网发送数据。目的用于用户正常使  用软件功能。</view>
						<view>4. 音频设置权限</view>
						<view>允许该应用修改全局音频设置，例如音量和用于输出的扬声器。</view>
						<view>5. 获取定位权限</view>
						<view>根据网络来源获取您的位置信息，您的手机必须支持并开启这些位置服务信息服务，才能有用。当您同意了请求，我们才能获取您的精准位置信息。</view>
						<view>6. 检索正在运行的应用</view>
						<view>经过您同意后，允许检索近期运行的和当前正在运行的任务相关信息。</view>
						<view>7. 读取手机状态和身份</view>
						<view>经过您同意后，允许访问设备的电话功能，此权限尽可确定本机号码和设备ID是否正处于通话状态以及拨打号码的状态。</view>
					</view>
				</view>
				<view class="options">
					<u-button class="button confirm" @click="subAgreen()"
						shape="circle" :ripple="true">同意</u-button>
					<u-button class="button cancel" @click="cancel()"
						shape="circle" :ripple="true">不同意</u-button>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				agrreFlase: false
			};
		},
		async onLoad() {
			//启动页停留
			await new Promise((resolve, reject) => {
				setTimeout(() => {
					resolve();
				}, 2000);
			});
			const isFirstOpen = uni.getStorageSync('isFirstOpen');
			//首次登录
			if (isFirstOpen !== true) {
				this.agrreFlase = true
				return;
			} else {
				// 版本更新
				// #ifdef APP-PLUS
				const {
					platform
				} = uni.getSystemInfoSync();
				const {
					versionCode: oldVersion
				} = plus.runtime;
				const {
					versionNum: newVersion,
					relasenote,
					url
				} = await this.request.get('/base/getAPPNewVersionVO/2/' + (
					platform === 'ios' ? 2 : 1));
				const appid = "1546694766"
				if (oldVersion < parseInt(newVersion)) {
					uni.showModal({
						title: '版本更新',
						content: relasenote,
						confirmText: '更新',
						showCancel: false,
						success: function(res) {
							if (platform !== 'ios') {
								uni.navigateTo({
									url: '/pages/user/version-update?downloadUrl=' +
										url
								});
							} else {
								plus.runtime.launchApplication({
										action: `itms-apps://itunes.apple.com/cn/app/id${appid}?mt=8`
									},
									function(e) {
										console.log(
											'Open system default browser failed: ' +
											e.message);
									}
								);
							}
						}
					});
					return;
				}
				// #endif
				uni.redirectTo({
					url: '../guide/guide'
				});
			}
			//是否已登录
			if (this.vuex_user === null) {
				uni.redirectTo({
					url: '../login/login'
				});
				return;
			}
			uni.switchTab({
				url: '../home/home'
			});
		},
		methods: {
			//跳转方式
			navTo(type) {
				uni.navigateTo({
					url: '../login/agreen/agreen?type=' + type
				})
			},
			subAgreen() {
				// 同意
				uni.redirectTo({
					url: '../guide/guide'
				});
			},
			cancel() {
				//取消
				// #ifdef APP-PLUS
				plus.runtime.quit();
				// #endif
			}
		}
	};
</script>
<style>
	page {
		background-color: #ffffff;
		height: 100%;
		overflow: hidden;
	}
</style>
<style scoped lang="scss">
	.warnPopup {
		margin-top: 40vw;
		width: 80%;
		height: 1000rpx;
		background: #FFFFFF;
		border-radius: 30rpx;
		.content {
			height: 75%;
			overflow: auto;
			background: #fff;
		}
	}

	.modal {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.4);
		z-index: 999;
		display: flex;
		justify-content: center;
		align-content: center;
	}

	.content_tit {
		background: #fff;
		color: #363940;
		font-size: 34rpx;
		text-align: center;
		height: 120rpx;
		line-height: 120rpx;
	}

	.options {
		margin-top: 40upx;
		margin-bottom: 60upx;
		background: #fff;
		height: auto;

		.button {
			width: 400upx;
			height: 76upx;
			font-size: 32upx;
			margin: 0 auto;
			margin-bottom: 30upx;
		}
	}

	.confirm {
		background: $linear-bg;
		color: #ffffff !important;
	}
	.cancel::after {
		border-color: #d1d1d1;
	}
	.content_txt {
		width: 80%;
		margin: 0 auto;
		height: 80%;
		overflow: auto;
		background: #fff;
		view {
			background: #fff;
			display: block;
			line-height: 50rpx;
			width: 100%;
			color: #A6A6A6;
			font-size: 28rpx;
			height: auto;

			text {
				color: #363940;
			}
		}
	}

	view {
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: #fff url(../../static/img/Android.png) no-repeat center;
		background-size: 100% auto;
	}
</style>
